<template>
    <div id="app">
        <h1>app,vue 组件中的h1</h1>
        <h2>app,vue 组件中的h2</h2>
        <hr>
        <StylePage class="box"/>
    </div>
</template>
<script>
import StylePage from './views/StylePage.vue' 

export default {
    components:{
        StylePage
    }
}
</script>

<style>
    h1{
        color:red;
    }
</style>
<style scoped>
    h2{
        color: blue;
    }
    .box{
        border: 1px solid greenyellow;
    }
    .box > ::v-deep h3{
        background: blueviolet;
    }
</style>